html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.panel-zone {
  height: 100%;
  width: 100%;
  margin: 0;
  overflow: hidden;
  background-color: #f5f5f5;
}
.panel-zone .nav-tabs {
  border-bottom: 1px solid #ddd;
  background: #e8e8e8;
}
.panel-zone .nav-tabs > li.active > a,
.panel-zone .nav-tabs > li.active > a:hover,
.panel-zone .nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-bottom-color: rgba(0, 0, 0, 0);
}
.panel-zone .panel-body {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.panel-zone .panel-body .tab-content{
  position: absolute;
  top: 44px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  overflow: hidden;
}
.panel-zone .panel-body .tab-content .tab-pane {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 45px;
}
.f-ab {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.g-header {
  height: 40px;
  bottom: auto;
  background: #3a4248;
}
.g-content {
  top: 40px;
  overflow: hidden;  
}
.layer-zone{
  width:150px;
  box-shadow: 1px 0px 8px rgba(0,0,0,.35);  
}
.canvas-zone{
  left:150px;
  right:300px;
}
.edit-zone{
  left:auto;
  width:300px;
  box-shadow:-1px 0px 8px rgba(0,0,0,.35);
}
.edit-area-wrap{
  position: relative;
  width:322px;
  height:612px;
  margin:40px auto;
  background: url(../img/iphone_bg2.png) no-repeat 0 0;
}
.edit-area-title {
  position: absolute;
  top: -33px;
  left: 50%;
  width: 200px;
  margin-left: -100px;
}
.edit-area-title input {
  width: 100%;
  height: 25px;
  border: 1px solid #ccc;
  padding: 2px 3px;  
}
.edit-area{
  height: 488px;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  background: #fff url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><rect x="0" y="0" width="10" height="10" fill="#EEE"></rect><rect x="10" y="10" width="10" height="10" fill="#EEE"></rect></svg>') repeat;
  width: 322px;
  position: relative;
  top: 63px;
  z-index:60;
}
.edit-area-tool {
  position: absolute;
  right: -29px;
  bottom: 100px; 
  z-index: 50;
}

.hy-comp-edit h2 {
  text-align: center;
  line-height: 30px;
  background-color: #f2f2f2;
  border-bottom: 1px solid #ccc;
  color: #666;
}
.hy-comp-edit .content {
  padding: 5px;
}
